@charset "utf-8";

html{
	width:100%;
	height:100%;
}

body{
	width:100%;
	height:100%;
	margin:0;
	text-align:center;
}

h4{
	margin:0;
	padding:0;
}

.blocPage{
	margin:auto;
	padding-top:10%;
	width:60%;
}

#page{
	position:absolute;
	top:50%;
	left:30%;
	height:200px;
	margin-top:-100px;
	padding-bottom:75px;
	width:40%;
	background:url(img/arrow-left.png) no-repeat 13% 100%,url(img/arrow-right.png) no-repeat 88% 100%;
}

#adminPage{
	width:90%;
	margin:auto;
	text-align:center;
}

#left{
	float:left;
}

#right{
	float:right;
}

.blue{
	color:#00F;
}

.red{
	color:#F00;
}

.green{
	color:#0F0;
}

/* Admin : Color forms */

.newColorBloc{
	margin:auto;
	padding:5px;
	border:1px solid #DDD;
	border-radius:10px;
	background-color:#EEE;
	width:200px;
}

.existingColorBloc{
	float:left;
	width:100px;
	border:1px solid #DDD;
	border-radius:10px;
	background-color:#EEE;
	padding:5px;
	margin:5px;
}

.existingColorBloc canvas{
	width:50px;
	height:50px;
}

#elementList{
	display:inline-block;
}

.invisible{
	display:none;
	position:absolute;
}

/* Formulaire de la PANAS */
table
{
    border-collapse: collapse; /* Les bordures du tableau seront coll�es (plus joli) */
	text-align: center;
	margin: auto;
}
td
{
	min-width: 100px;
	max-width: 100px;
    border: 1px solid black;
}
thead, tfoot
{
	font-weight: bold;
}
.left
{
	min-width: 150px;
	max-width: 150px;
	text-align: left;
}
.underline
{
	text-decoration: underline;
}
.bold
{
	font-weight: bold;
}
/* page d'accueil */
#index
{
	width: 60%;
	height:500px;
	margin: auto;
	margin-top: 5%;
}
#admin_index
{
	width: 50%;
	height:100%;
	float:left;
	background-color:#C8C8C8;
}
#participant_index
{
	width: 50%;
	height:100%;
	float:right;
	background-color:#AFAFAF;
}
#participant
{
	width: 30%;
	min-height:500px;
	margin: auto;
	margin-top: 5%;
	background-color:#AFAFAF;
}
#admin
{
	width:60%;
	min-height:500px;
	margin:auto;
	background-color:#C8C8C8;
	margin-top: 5%;
}
.admin
{
	width: 50%;
	float:left;
	min-height:500px;
	margin: auto;
	background-color:#C8C8C8;
}
#studies
{
	width:30%;
	min-height:500px;
	margin:auto;
	background-color:#C8C8C8;
	margin-top: 5%;
}
.error
{
	color: red;
}
hr
{
	min-width: 50%;
	max-width: 50%;
}